<layout name="layout"/>
<!-- 分类列表 -->
<form method="post" action="" name="listForm" onsubmit="">
    <div class="list-div" id="listDiv">
        <table cellpadding="3" cellspacing="1">
            <tr>
                <th>分类名称</th>
                <th>操作</th>
            </tr>
             <foreach name="data" item="val">
                     <tr id="tron">
                <td class="first-cell"><span><?php echo str_repeat('-',8*$val['level']).$val['cat_name']; ?></span></td>
                <td align="center">
                    <a onclick="confirm('是否确认修改？')" href="http://localhost/tp1/index.php/Admin/Category/edit?id={$val['id']}">修改</a>
                    <a onclick="return confirm('确认要删除吗？')" href="http://localhost/tp1/index.php/Admin/Category/delete?id={$val['id']}">删除</a>
                </td>
            </tr>

            </foreach>

        </table>
    </div>
</form>
<script type="text/javascript">
//    var ind = $("#tron").index();
   $("tron").mouseover(function(){
        $(this) .mouseover().attr("backgroundColor","yellow");
       $(this).mouseout().attr("backgroundColor","red")
    });

//
//    $('li img').mouseover(function(){
//        $(this).attr('src','img/2.jpg');
//        $(this).mouseout(function(){
//            $(this).attr('src','img/1.jpg')
//        })
//    })
//
//
//    $("#tron").hover(function(){
//        //$(this>td).css('backgroundColor','green');
//        $(this).find('td').css('backgroundColor','#46a3ff');
//    },function(){
//        //$(this>td).css('backgroundColor','green');
//        $(this).find('td').css('backgroundColor','');
//    })
</script>


















<!--引入行高亮显示-->
<script type="text/javascript">

    //同样效果

//    $("#tron").mouseover(function(){
//        //$(this>td).css('backgroundColor','green');
//        $(this).find('td').css('backgroundColor','red');
//    });
//
//    $("#tron").mouseout(function(){
//        //$(this>td).css('backgroundColor','green');
//        $(this).find('td').css('backgroundColor','');
//    });

    $("#tron").hover(function(){
        //$(this>td).css('backgroundColor','green');
        $(this).find('td').css('backgroundColor','#46a3ff');
    },function(){
        //$(this>td).css('backgroundColor','green');
        $(this).find('td').css('backgroundColor','');
    })
</script>


